<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>asdasdfasd</p>

    <script>
        // 获取剪切板的内容
        // 修改剪切板的内容
        console.log(navigator);
        navigator.clipboard
        // navigator.clipboard.readText

        // readText函数 返回一个promsie对象， promsie对象成功以后的结果是字符串

        // writeText，参数是要写入剪切板的内容，返回一个promsie对象，promsie对象 写入成功以后的结果是字符串
        // navigator.clipboard.writeText('aabb').then(r => {
        //     console.log('修改剪切板内容成功');
        // }).catch(err => {
        //     console.log('修改剪切板内容失败');
        // })




        //  --网页中用户的复制操作
        document.oncopy = async function () {
            try {
                console.log('复制事件');
                // await 等 readText返回promise对象 成功--读取剪切板成功-
                let r1 = await navigator.clipboard.readText();
                console.log(r1);
                // 写入剪切板
                await navigator.clipboard.writeText(r1 + 'xxx---com');
                console.log('写入成功');

            } catch (error) {
                alert('请求设置浏览器 允许修改 剪切板的权限')
            }

        }
        // asdxxx---com
        // asd---来自xxx网站

        // promise 好处--统一 所有异步操作的api
    </script>

</body>

</html>